<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>About me - Konrad Rosa</title>
    <link rel="stylesheet" href="./css/style.css" />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="./img/favicon/apple-touch-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./img/favicon/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="./img/favicon/favicon-16x16.png"
    />
    <link rel="manifest" href="./img/favicon/site.webmanifest" />
    <link
      rel="mask-icon"
      href="./img/favicon/safari-pinned-tab.svg"
      color="#5bbad5"
    />
    <meta name="msapplication-TileColor" content="#da532c" />
    <meta name="theme-color" content="#ffffff" />
  </head>
  <body class="wrapper dark">
    <div class="container">
      <header class="header">
        <div class="logo">
          <a href="index.html" class="logo__link">
            <img class="logo__img" src="img/logo-white.svg" alt="Logo" />
          </a>
        </div>
        <nav class="navbar">
          <ul class="navbar__list">
            <li class="navbar__item">
              <a href="index.html" class="navbar__link">Home</a>
            </li>
            <li class="navbar__item">
              <a href="about.html" class="navbar__link">About</a>
            </li>
          </ul>
        </nav>
      </header>
      <main class="main-content">
        <section class="info">
          <h1 class="info__heading">About me</h1>
          <div class="info__text">
            <h2 class="info__heading-2">Basic Info:</h2>
            <ul class="info__list">
              <li class="info__item">
                Name: Konrad Rosa
              </li>
              <li class="info__item">
                Height: 178m
              </li>
              <li class="info__item">
                Birthday: 31st of December, 1999 (20 years ol')
              </li>
              <li class="info__item">
                Lives in: Aarhus
              </li>
            </ul>
          </div>
          <div class="info__text">
            <h2 class="info__heading-2">Hobbies:</h2>
            <ul class="info__list">
              <li class="info__item">
                Coding & Designing
              </li>

              <li class="info__item">
                Being a Cinephile -- watching
                <a href="https://letterboxd.com/Kerekatu/" class="highlight">
                  movies & tv-series
                </a>
              </li>
              <li class="info__item">
                Listening -- music (e.g. metal), podcasts and people
              </li>
              <li class="info__item">
                Reading --
                <a
                  href="https://www.goodreads.com/user/show/83896620-konrad-rosa"
                  class="highlight"
                  >books</a
                >
                (recently started), medium, reddit, dev.to and the list goes
                on...
              </li>
              <li class="info__item">
                Traveling -- hanging out with friends and going on tours
              </li>
            </ul>
          </div>
          <div class="info__text">
            <h2 class="info__heading-2">
              Education:
            </h2>
            <ul class="info__list">
              <li class="info__item">
                Webit Grenaa -- Web Developer (2019-)
              </li>
              <li class="info__item">
                AARHUS TECH -- Intro to Web Developer (2019-2020)
              </li>
              <li class="info__item">
                AARHUS TECH -- IT-support (2016-2019)
              </li>
              <li class="info__item">
                Skødstrup Primary School
              </li>
            </ul>
          </div>
          <div class="info__text">
            <h2 class="info__heading-2">Technical skills:</h2>
            <p class="info__paragraph">
              I'm primarily good with front-end technologies and design.
            </p>
            <ul class="info__list">
              <li class="info__item">
                HTML5 and CSS3 (+ SASS): 5/5
              </li>
              <li class="info__item">
                Javascript (+ REACT): 3/5
              </li>
              <li class="info__item">
                non-OOP PHP: 2.5/5
              </li>
              <li class="info__item">
                UI/UX (Photoshop & Figma): 3.5/5
              </li>
            </ul>
          </div>
          <div class="info__text">
            <h2 class="info__heading-2">BELBIN team roles:</h2>
            <ul class="info__list">
              <li class="info__item">
                Specialist
              </li>
              <li class="info__item">
                Finisher
              </li>
            </ul>
          </div>
        </section>
      </main>
    </div>
    <footer class="footer"></footer>
  </body>
</html>
